/*
	This file is part of UserMgmt.

	Author: Chetan Varshney (http://ektasoftwares.com)

	UserMgmt is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	(at your option) any later version.

	UserMgmt is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with Foobar.  If not, see <http://www.gnu.org/licenses/>.
*/
.um_box_mid form {
	padding:0 !important;
	margin:0 !important;
	width: auto !important;
}
.um_box_mid form div {
	padding:0;
	margin:0 ;
	width: auto ;
	clear:none;
}
.dashboard_02 {
    float: left;width: 21%;
    font-weight: bold;
    margin-top: 10px;
}
.dashboard_02 .list1{
    background: #d5cec6;
    margin-bottom: 3px;
    padding: 7px 10px;
    border-radius: 5px 0 0 0px;
    border-right: #898989 solid 1px;
    border-bottom: #afafaf solid 1px;
    font-weight: normal;
}               
.dashboard_02 .list2{
    background: #235A81;
    padding: 4px 10px;
    margin-bottom: 2px;
    border-radius: 5px 0 0 0px;
    color: #fff;
    border-right: #898989 solid 1px;
    border-bottom: #afafaf solid 1px;
}
.dashboard_02 .list1 img{
    width: 20px;
    height: 20px;
    margin: 0 5px -5px;
}
.dashboard_02 .list2 img{
    width: 20px;
    height: 20px;
    margin-bottom: -3px;
    margin-right: 3px;
}
.dashboard_02 .list1:hover{
    background: #cccccb; 
}
.dashboard_02 .list1:hover span a{
    color: #cf7d07; 
}
.dashboard_02 span a{
    font-size: 12px;
    font-family: verdana;
}
.dashboard_02 .selected{
    background: #235A81;
}
.dashboard_02 .selected:hover{
    background: #235A81;
}
.dashboard_02 .selected span a{
    color: #fff;
}
.dashboard_02 .selected:hover span a{
    color: #fff;
}
.dashboard_02 .first1{
    border-top: #235A81 solid 2px;
    border-radius: 5px 0 0 0;
}
.dashboard_02 .last1{
    border-bottom: #235A81 solid 2px;
    border-radius: 5px 0 0 2px;
    margin-bottom: 10px;
}
.umtop {
	padding:10px 3px;
    float: right; width: 78%;
}
.umtop input{
    padding: 6px;
    background: #fff7d9;
    border: #b3b3b3 solid 1px; 
}
.umtop input[type="text"]{
    width: 231px;
}
.umtop input[type="text"][id="w75"]{
    width: 75px;
}
.umtop input[type="file"]{
    width: 231px;
}
.umtop input[type="text"]:disabled {
   background: #e5eef7;
}
.umtop .input_disabled {
   background: #e5eef7;
}
.umtop select:disabled {
   background: #e5eef7;
}
.umtop select{
    padding: 6px;
    background: #fff7d9;
    border: #b3b3b3 solid 1px;
    width: 244px;
}
.umtop input:focus{
    border: #93cbef solid 1px;
    background: #fff;
}
.umtop select:focus{
    border: #93cbef solid 1px;
    background: #fff;
}
.umtop .button2{
    border: #818181 solid 1px;
    background: #cfcdf6;
    color: #343434;
    padding: 5px 10px;
    font-family: verdana;
    font-weight: bold;
    font-size: 13px;
    border-radius: 3px;
    margin: 5px 15px 0 0;
    float: left;
    height: 32px;
    line-height: 12px;
}
.umtop .button2:hover{
    cursor: pointer;
    background: #E98000;
    color: #fff;
    border: #dadada solid 1px;
}
.umtop_02 {
    padding:10px 3px;
    float: right; width: 99%;
}
.umtop_02 input{
    padding: 6px;
    background: #fff7d9;
}
.umtop_02 input:focus{
    border: #93cbef solid 1px;
    background: #fff;
}
.umtop_02 input.button2{
    border: #818181 solid 1px;
    background: #cfcdf6;
    color: #343434;
    padding: 5px 15px;
    font-family: verdana;
    font-weight: bold;
    border-radius: 3px;
    margin-bottom: 20px;
    float: left;
}
.umtop_02 input.button2:hover{
    cursor: pointer;
    background: #E98000;
    color: #fff;
    border: #dadada solid 1px;
}
.um_box_up {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #E9EAEE;
	height:10px;
    border-left: #b2b2b2 solid 1px;
    border-top: #cfcfcf solid 1px;
    border-right: #cfcfcf solid 1px;
    display: none;
}
.um_box_mid {
	background-color: #f1f1f1;
	height:auto;
    min-height: 300px;
    border-top: #cfcfcf solid 1px;
    border-left: #b2b2b2 solid 1px;
    border-right: #cfcfcf solid 1px;
    border-bottom: #b2b2b2 solid 1px;
    padding: 10px 0;
    border-radius: 5px;
}
.fixed{
    min-height: auto;
}
.um_box_mid_content {
	padding-left:20px;
	padding-right:20px;
}
.um_box_mid_content_top {
	text-align:left;
}
.um_box_mid_content_mid {
	padding-top: 20px;
    padding-left: 0px;
    min-height: 326px;
}
.um_box_mid_content_mid_left {
	float:left;
    min-width: 400px;
}
.um_box_mid_content_mid_left img{
    margin: 10px 0 0 60px;
}
.um_box_mid_content_mid_right {
	float:left;
	width:300px;
    height: 300px;
    padding-left: 50px;
}
.um_box_mid_content_mid_right a:hover{
    text-decoration: underline;
}
.um_box_down {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #E9EAEE;
	height:10px;
    border-left: #b2b2b2 solid 1px;
    border-bottom: #b2b2b2 solid 1px;
    border-right: #cfcfcf solid 1px;
    display: none;
}
.umstyle1 {
	font-size:20px;
	color:#235A81;
}
.umstyle2 {
	font-size:20px;
	color:#F88017;
}
.umstyle2 a {
	font-size:20px;
	color:#F88017;
}
.umhr {
	border-bottom:#2485b2 solid 1px;
	height:10px;
}
.umstyle3 {
	font-size:12px;
    width: 150px;
    float: left;
}
.umstyle4 {
	font-size:12px;
    float: left;
}
.umstyle5 {
	border:#999999 solid 1px;
	font-size: 100%;
	width: 230px;
}
.umstyle6 a {
	font-size:12px;
}
input[type="submit"] {
	cursor:pointer;
}
#login .umstyle3 {
    color: #444444;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0 5px;
    width: 230px;
}
#login .umstyle4 {
	float:left;
	padding-bottom:10px;
}
#login .um50 {
    width: 20px;
}
#register .umstyle3 {
	float:left;
	width:150px;
	padding-bottom:10px;
}
#register .umstyle4 {
	float:left;
	padding-bottom:10px;
}
#forgot .umstyle3 {
	float:left;
	padding-bottom:10px;
}
#forgot .umstyle4 {
	float:left;
	padding-bottom:10px;
}
#addgroup .umstyle3 {
    width:150px;
	float:left;
	padding-bottom:10px;
}
#addgroup .umstyle4 {
	float:left;
	width:250px;
	padding-bottom:10px;
}
#addgroup .umstyle7 {
	float:left;
	width:auto;
	padding-bottom:10px;
	font-style:italic;
	font-size:10px
}
.umbtn {
  cursor: pointer;
  display: inline-block;
  background-color: #e77f02;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8b00), color-stop(0.25, #ff8b00), to(#e77f02));
  background-image: -webkit-linear-gradient(#ff8b00, #ff8b00 0.25, #e77f02);
  background-image: -moz-linear-gradient(#ff8b00, #ff8b00 0.25, #e77f02);
  background-image: -ms-linear-gradient(#ff8b00, #ff8b00 0.25, #e77f02);
  background-image: -o-linear-gradient(#ff8b00, #ff8b00 0.25, #e77f02);
  background-image: linear-gradient(#ff8b00, #ff8b00 0.25, #e77f02);
  padding: 4px 14px;
  text-shadow: 0 1px 1px rgba(190, 105, 0, 0.95);
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 18px;
  border: 1px solid #e77f02;
  border-bottom-color: #e77f02;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
.umbtn:hover {
  background-position: 0 -15px;
  color: #fff;
  text-decoration: none;
}
#dashboard {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #E9EAEE;
	height:auto;
	padding:5px 10px;
	margin-bottom:5px;
}
.icon {
	padding-right: 10px;
}
table {
	margin-bottom:  0px;
}
div.error{
    background: url("../img/s_error.png") no-repeat scroll 5px 50% #FFC0CB;
    border: 1px solid #800000;
    border-radius: 0px 0px;
    color: #333333;
    font-size: 13px;
    margin: 0 0 15px;
    padding: 5px 30px;
}
div.error-message{
    color: red;
}
div.success{
    background: url("../img/s_success.png") no-repeat scroll 5px 50% #EBF8A4;
    border: 1px solid #A2D246;
    border-radius: 0px 0px;
    color: #333333;
    font-size: 13px;
    margin: 0 0 15px;
    padding: 5px 30px;
}
div.success-message{
    color: green;
}
tr td.td50{
    width: 160px;
}
.table22 tr td.td100{
    width: 100px; 
    text-align: left;
}
.table22 tr td{
    height: 30px;
    border-bottom: #d5d5d5 dashed 1px;
    text-align: center;
    padding-left: 0px;
}
.table22 tr td #left_content{
    text-align: left;
}
.table22 tr td #center_content{
    text-align: center;
}
.table22 tr th{
    text-align: center;
    padding-left: 0px;
    height: 25px;
    border-bottom: #cccccb solid 1px;
}
.table22 tr th #first_name{
    width: 150px;
}
.table22 .checkbox label{
    margin-left: 5px;
}
.table22 tr.trodd{
    background: #e8f4f7;
    padding-left: 10px;
}
.table22 tr.trodd #left_content{
    text-align: left;
}
.table22 tr #left_content{
    text-align: left;
}
.center1 img{
    text-align: center;
    padding-left: 20px;
}